<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>	
<%@ include file="/pub/headmeta.jsp" %>
</head>
<body>
	<div class="right-head"><span class="right-head-font">商品管理</span></div>
	
	<form id="queryForm" method="post">
	<div class="term">
		<div class="div1-2">商品名称：</div>
		<div class="div2"><input type="text" name="q_title" id="q_title"/></div>
		<div class="div1-2">性格类型：</div>
		<div class="div2"><select class="div3" name="q_kid" id="q_kid"></select></div>
		<br style="clear:both;" /><br />
		
		<div class="div1-2">商品类型：</div>		
		<div class="div2"><select class="div3" name="q_goodsTypeId" id="q_goodsTypeId"></select></div>
		<div class="div1-2">体型类型：</div>		
		<div class="div2"><select class="div3" name="q_body" id="q_body"></select></div>
		<br style="clear:both;" /><br />
	</div>
	<div class="function-bar">
		<div class="div0"><input type="button" class="button-bar" value="重置条件" onclick="resetEx(this.form);"/></div>
		<div class="div0"><input type="button" class="button-bar" value="查询" onclick="setCurPage(1);doQuery();"/></div>
		<div class="div0"><input type="button" class="button-bar" value="新增" onclick="viewAdd();" ${f:op(ops,'商品管理','新增')}/></div>
		<div class="div0"><input type="button" class="button-bar" value="删除" onclick="doDel();"  ${f:op(ops,'商品管理','删除')}/></div>
	</div>	
	</form>
	
	<form id="delForm" method="post">
	<table id="MyTableList" width="100%" border="0" align="center" cellpadding="0" cellspacing="0" class="table-form">
		<tr align="center" class="STYLE1">
			<th width="5%"><input id="ckAll" type="checkbox" onclick="checkAll(this.checked,'cb');" /></th>
			<th width="5%">序号</th>
			<th width="15%">商品名称</th>
			<th width="25%">建议</th>				
			<th width="15%">图片</th>
			<th width="20%">商品类别</th>				
			<th width="15%">操作</th>
		</tr>
	</table>
	<%@ include file="/pub/pageLink.jsp" %>
	</form>
</body>
</html>
<script type="text/javascript">
<!--
var types;
//自动调用初始化
$(document).ready(function(){	
	//填充性格
	$("#q_kid").append("<option value=''>-请选择-</option>");
	$.post('${ctx}/kid!getList.action?page=1&pageSize=99999', null ,function callback(txt){   
			var json = $.parseJSON(txt);
			if (json.code==0) {	
				for(var i=0;i<json.info.length;i++){
					var o=json.info[i];
					$("#q_kid").append("<option value='"+o.kidId+"'>"+o.name+"</option>");		
				}
			}else{
				alert('查询失败！');
			}
		}	
	);
	
	//填充体型
	$("#q_body").append("<option value=''>-请选择-</option>");
	$.post('${ctx}/body!getList.action?page=1&pageSize=99999', null ,function callback(txt){   
			var json = $.parseJSON(txt);
			if (json.code==0) {	
				for(var i=0;i<json.info.length;i++){
					var o=json.info[i];
					$("#q_body").append("<option value='"+o.bodyId+"'>"+o.name+"</option>");		
				}
			}else{
				alert('查询失败！');
			}
		}	
	);	
	
	//填充商品类型
	$("#q_goodsTypeId").append("<option value=''>-请选择-</option>");
	$.post('${ctx}/goodsType!getSelectType.action', null ,function callback(txt){   
			var json = $.parseJSON(txt);
			if (json.code==0) {	
				for(var i=0;i<json.info.length;i++){
					var o=json.info[i];
					$("#q_goodsTypeId").append("<option value='"+o.goodsTypeId+"'>"+o.name+"</option>");		
				}
			}else{
				alert('查询失败！');
			}
		}	
	);	
	
	//查询
	doQuery();
});

//查询
function doQuery(){	
	var page=getPage();
	var pageSize=getPageSize();
	var url="${ctx}/goods!getList.action?page="+page+"&pageSize="+pageSize;
	$.post(url, $("#queryForm").serialize() ,function callback(txt){   
			var json = $.parseJSON(txt);
			if (json.code==0) {	
				setRecordCount(json.count);
				createTable(json.info,page,pageSize);				
			}else{
				alert('查询失败！');
			}
		}	
	);
}

//删除
function doDel(){
	if(ifCheck('cb')){
		if(confirm('确定要删除选中的记录吗？')){
			var url="${ctx}/goods!remove.action";
			$.post(url, $("#delForm").serialize() ,function callback(txt){   
					var json = $.parseJSON(txt);
					if (json.code==0) {	
						doQuery();			
					}else{
						alert('删除失败！');
					}
				}	
			);			
		}
	}else{
		alert('请先勾选记录！');
	}
}

//创建表数据
function createTable(objs,page,pageSize){	
	var table=document.getElementById('MyTableList');
	for( var i=table.rows.length-1; i>0; i--){
		table.deleteRow(i); 
	}
	var b=document.createElement("tbody");
	for(var i=0;i<objs.length;i++){
		var obj=objs[i];
		var row=document.createElement("tr");	
		var id=obj.goodsId;
		row.align="center";	
		
		var c1=document.createElement("td");	
		c1.innerHTML="<input name='cb' type='checkbox' value='"+id+"'/>";
		var c2=document.createElement("td");	
		c2.innerHTML=(page-1)*pageSize+i+1;
		var c3=document.createElement("td");	
		c3.innerHTML="<a class='edit-font' href='javascript:openWin(\""+obj.link+"\",800,600);'>"+obj.title+"</a>";	
		var c4=document.createElement("td");	
		c4.innerHTML=obj.suggest;
		var c5=document.createElement("td");	
		c5.innerHTML="<img height='40' width='40' src='${ctx}/goods!getSou.action?picName="+obj.pic+"'/>";
		var c6=document.createElement("td");	
		c6.innerHTML=obj.typeName;		
		var c7=document.createElement("td");	
		c7.innerHTML="<a class='edit-font' href=\"javascript:viewEdit('"+id+"');\" ${f:op(ops,'商品管理','修改')}>编辑</a>";
		
		row.appendChild(c1);
		row.appendChild(c2);
		row.appendChild(c3);
		row.appendChild(c4);
		row.appendChild(c5);
		row.appendChild(c6);
		row.appendChild(c7);
		setTdStyle(row);
		b.appendChild(row);
	}
	table.appendChild(b);
}

//进入新增页面
function viewAdd(){
	location.href="${ctx}/goods!viewAdd.action";
}
//编辑
function viewEdit(id){
	location.href="${ctx}/goods!viewEdit.action?id="+id;
}
//-->
</script>
